<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head th:include="home/layout::html-head(pageTitle='后台管理 | ' + ${titleSuffix},pageKey=${pageKey},pageDesc=${pageDesc})" />
<!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. -->
    <body class="sidebar-mini skin-black-light">
        <div class="wrapper">
            <header class="main-header" th:include="home/layout::admin-main-header">
            </header>
            <aside class="main-sidebar" th:include="home/layout::admin-main-sidebar"></aside>
            <!-- Full Width Column -->
            <!-- Content Wrapper. Contains page content -->
            <div class="content-wrapper">
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>
                        Blank page
                        <small>it all starts here</small>
                    </h1>
                    <ol class="breadcrumb">
                        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
                        <li><a href="#">Examples</a></li>
                        <li class="active">Blank page</li>
                    </ol>
                </section>

                <!-- Main content -->
                <section class="content">

                    <!-- Default box -->
                    <div class="box">
                        <div class="box-header with-border">
                            <h3 class="box-title">Title</h3>

                            <div class="box-tools pull-right">
                                <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
                                    <i class="fa fa-minus"></i></button>
                                <button type="button" class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove">
                                    <i class="fa fa-times"></i></button>
                            </div>
                        </div>
                        <div class="box-body">
                            Start creating your amazing application!
                        </div>
                        <!-- /.box-body -->
                        <div class="box-footer">
                            Footer
                        </div>
                        <!-- /.box-footer-->
                    </div>
                    <!-- /.box -->

                </section>
                <!-- /.content -->
            </div>
            <!-- /.content-wrapper -->
            <!-- /.content-wrapper -->
            <footer class="main-footer" th:include="home/layout::main-footer" />
        </div>
        <!-- ./wrapper -->
        <th:block th:include="home/layout::main-script" />

        <script>
//            var appUserEdit = new Vue({
//                el:'#app-user-edit',
//                data () {
//                    return {
//                        form:{
//                            field:{
//
//                            },
//                            error:{
//
//                            }
//                        },
//                        dialogTitle:'',
//                        dialogContent:''
//                    }
//                },
//                created() {
//                    this.getData();
//                },
//                methods:{
//                    getData() {
//                        var _this = this;
//
//                        $.post('/user/getData',null,function(response) {
//                            _this.form.field = response
//                        },'json',_this);
//                    },
//                    submitForm() {
//                        var _this = this;
//                        $.post('/user/edit',this.form.field,function(response) {
//                            if (response.status === true) {
//                                _this.dialogTitle = "修改用户信息";
//                                _this.dialogContent = "用户修改成功";
//                                $('#dialogTip').modal({
//                                    keyboard: true
//                                })
//                            } else {
//                                _this.dialogTitle = "修改用户信息";
//                                _this.dialogContent = response.content;
//                                $('#dialogTip').modal({
//                                    keyboard: true
//                                })
//                            }
//                        },'json',_this);
//
//                    },
//
//                }
//            });
        </script>
    </body>
</html>
